<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡斯基车务</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/common.css"/>
    <link rel="stylesheet" href="../../../css/zuzhang/banli/zuzhang_banli_pendingPay.css"/>
    <script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../../../lib/underscore.js"></script>
    <script type="text/javascript" src="../../../lib/iscroll.js"></script>
    <script type="text/javascript" src="../../../lib/global.js"></script>
    <script type="text/javascript" src="../../../js/zuzhang/banli/zuzhang_banli_pendingPay.js"></script>
</head>
<body>

<div class="header">
    <span class="font20 colorfff top_title bold">车辆年检过审</span>
    <div class="addBtn"><img src="../../../images/add.png"/></div>
</div>
<div class="mainContainer">
    <div id="order_info">
        <script type="text/template">
            <div class="order_access <%=data.p1?data.p1:'time_limit_finish'%>">
                <img onerror="this.src='../../../images/car_pic.png'" src="<%=data.acceptorPicUrl%>"/>
                <div class="step_name">
                    <span class="font14 color4e4 step "><%=data.taskName%></span>
                    <span class="font12 color17d pick <%=data.p1?data.p1:'time_limit_finish'%>"><%=data.p2?data.p2:'已结束'%></span>
                </div>
                <div class="car_information">
                    <span class="font12 color9a9 car1"><%=data.carPlateNum%></span>
                    <span class="font14 color4e4 car2"><%=data.carColor%></span>
                    <span class="font12 color9a9 car3"><%=data.carBrand%></span>
                    <%if(data.finishTime){%>
                    <%var t1 = new Date(data.makeTime.replace(/-/g,'/'));%>
                    <%var t2 = new Date(data.finishTime.replace(/-/g,'/'));%>
                    <%var _date = t2 - t1;%>
                    <span class="font12 color796 car4">用时:<%=Math.round(_date/600000)%>分</span>
                    <%}else{%>
                    <span class="font12 color796 car4" data-time><%=data.remainTime%>分钟</span>
                    <span class="font12 color796 car4"><%=data.remainTime.toString().search('暂停')==-1?'总余:':''%></span>
                    <%}%>
                </div>
                <div class="car_information_1">
                    <span class="font12 color9a9">发动机号：</span>
                    <span class="font12 color9a9"><%=data.carEngineNum%></span>
                    <span class="font12 color9a9 car6">车架号：</span>
                    <span class="font12 color9a9"><%=data.carChassisNum%></span>
                </div>
            </div>
        </script>
    </div>
    <div class="progress_list_1" id="progress_list_1">
        <script type="text/template">
            <div>
                <ul class="progress_list">
                    <%for(var i in data){%>
                    <%var item = data[i];%>
                    <li data-childOrderStatus="<%=item.childOrderStatus%>" data-index="<%=i%>" data-id="<%=item.id%>" data-childOrderRemainTime="<%=item.childOrderRemainTime%>" class="<%=item.stepType === 1?'attached':''%>">
                        <div class="left_circle">
                            <%if(item.stepType === 1){%>
                                <div class="circle">
                                    <span class="font20 colorfff">附</span>
                                </div>
                            <%}else{%>
                                <%if(item.situation === -1 && item.problemRemark != '' && item.problemRemark != ' ' && item.childOrderStatus != 3){%>
                                <div class="circle_3">
                                    <span class="font20 colorfff"><%=(++i)%></span>
                                </div>
                                <%}else if(item.childOrderStatus === 0){%>
                                <div class="circle_1">
                                    <span class="font20 colorfff"><%=(++i)%></span>
                                </div>
                                <%}else if(item.childOrderStatus === 1){%>
                                <div class="circle_4">
                                    <span class="font20 colora29"><%=(++i)%></span>
                                </div>
                                <%}else if(item.childOrderStatus === 2){%>
                                <div class="circle_2">
                                    <span class="font20 colorfff"><%=(++i)%></span>
                                </div>
                                <%}else if(item.childOrderStatus === 3){%>
                                <div class="circle">
                                    <span class="font20 colorfff"><%=(++i)%></span>
                                </div>
                                <%}%>
                                <%if(data[i] && data[i].stepType == 0){%>
                                <div class="moving_line_2"></div>
                                <%}else{%>
                                <div class="moving_line_none"></div>
                                <%}%>
                            <%}%>
                        </div>
                        <div class="progress_content">
                            <%if(item.situation == -1 && item.problemRemark != '' && item.problemRemark != ' ' && item.childOrderStatus != 3){%>
                            <span class="font14 colore22"><%=item.stepName%></span>
                            <p class="font12 color4e4"><%=item.problemRemark%></p>
                            <%}else{%>
                            <span class="font14 color4e4"><%=item.stepName%></span>
                            <p class="font12 color4e4"><%=item.stepContent%></p>
                            <%}%>
                        </div>
                        <%if(item.stepType === 1){%>
                            <div class="progress_status">
                                <span class="font12 color796"><%=item.finishTime.slice(0,10)%></span>
                            </div>
                            <div class="progress_status_1">
                                <span class="font12 color796"><%=item.finishTime.slice(10)%></span>
                            </div>
                        <%}else{%>
                            <%if(item.acceptorName.search(/\S/) !== -1 || item.acceptorPhone.search(/\S/) !== -1){%>
                            <div class="user_information">
                                <%if(item.acceptorName.search(/\S/) !== -1){%>
                                <span class="font12 colora29"><%=item.acceptorName%></span>
                                <%}%>
                                <%if(item.acceptorPhone.search(/\S/) !== -1){%>
                                <a href="tel:<%=item.acceptorPhone%>" class="font12 colora29"><%=item.acceptorPhone%></a>
                                <%}%>
                            </div>
                            <%}%>
                            <div class="user_information_1 ">
                                <%if(item.childOrderStatus === 2){%>
                                <%if(item.situation != -1 && (item.problemRemark == '' || item.problemRemark == ' ')){%>
                                <div class="start_button finish_button">
                                    <span class="font10 ">完成</span>
                                </div>
                                <div class="settle_button">
                                    <span class="font10 ">结算</span>
                                </div>
                                <%}%>
                                <div class="question_button">
                                    <span class="font10 ">出现问题</span>
                                </div>
                                <%}%>
                                <%if(item.childOrderStatus < 2){%>
                                <%if(item.situation != -1 && (item.problemRemark == '' || item.problemRemark == ' ')){%>
                                <div class="start_button">
                                    <span class="font10 ">开始</span>
                                </div>
                                <%}%>
                                <div class="question_button">
                                    <span class="font10 ">出现问题</span>
                                </div>
                                <%}%>
                            </div>

                            <%if(item.situation === -1 && item.problemRemark != '' && item.problemRemark != ' '&& item.childOrderStatus != 3){%>
                                <div class="progress_status">
                                    <span class="font12 colore22">出问题</span>
                                </div>
                                <div class="progress_status_1">
                                    <span class="font12 color796"></span>
                                </div>
                            <%}else if(item.childOrderStatus === 0){%>
                                <div class="progress_status">
                                    <span class="font12 color17d">待接单</span>
                                </div>
                                <div class="progress_status_1">
                                    <span class="font12 color796"></span>
                                </div>
                            <%}else if(item.childOrderStatus === 1){%>
                                <div class="progress_status">
                                    <span class="font12 colord8">未开始</span>
                                </div>
                                <div class="progress_status_1">
                                    <span class="font12 color796" data-time="<%=item.childOrderRemainTime%>"></span>
                                </div>
                            <%}else if(item.childOrderStatus === 2){%>
                                <div class="progress_status">
                                    <span class="font12 color4ec">进行中</span>
                                </div>
                                <div class="progress_status_1">
                                    <span class="font12 color796" data-time="<%=item.childOrderRemainTime%>"></span>
                                </div>
                            <%}else if(item.childOrderStatus === 3){%>
                                <div class="progress_status">
                                    <span class="font12 color796">已完成</span>
                                </div>
                                <div class="progress_status_1">
                                    <span class="font12 color796"><%=item.finishTime.slice(10)%></span>
                                </div>
                            <%}%>
                        <%}%>
                    </li>
                    <%}%>
                </ul>
            </div>
        </script>
    </div>
</div>
<div class="bottom_start" id="bottom1" style="display: none;">
    <div class="start_list">
        <span class="font14 colorfff">输入备注，说明原因</span>
    </div>
</div>
<div class="bottom_start" id="bottom2" style="display: none;">
    <div class="start_list">
        <span class="font14 colorfff">请求援助</span>
    </div>
</div>
<div class="bottom_start" id="bottom3" style="display: none;">
    <div class="start_list">
        <span class="font14 colorfff">查看原因</span>
    </div>
</div>
</body>
</html>
